<template>
  <el-table
    :key="1"
    v-loading="false"
    :data="tableData"
    border
    stripe
    fit
    sortable="false"
    highlight-current-row
    style="width: 100%;"
    
  >

    <el-table-column v-for="item in columnData" :key="item.key" :label="item.label" :prop="item.key" sortable="custom" align="center" >
      <template  slot-scope="scope">
        <span>{{ scope.row[item.key] }}</span>
      </template>
    
    </el-table-column>
     
  </el-table>
</template>
<script>
import waves from '@/directive/waves' // waves directive
export default {
  name: 'ListTableAndButton',
  directives: { waves },
  filters: {
    statusFilter(status) {
      const statusMap = {
        published: 'success',
        draft: 'info',
        deleted: 'danger',
      }
      return statusMap[status]
    }
  },
  props: ['listLoading', 'tableData', 'sortChange', 'showReviewer', 'columnData',"operateButton"],
  data() {
    return {

    }
  },
  watch: {

  },
  created() {
  },
  mounted(){
  },
  methods: {
    handleModifyStatus(){
      console.log("详情")
       this.$router.push('/basicEquipment/detail/1')
    }
  }
}
</script>
